<template>
  <div class="app">
    <van-card
      v-for="arr in arrs"
      :key="arr.id"
      :keywords="arr.keywords"
      :desc="arr.brief"
      :title="arr.title"
      :thumb="arr.image"
    />
  </div>
</template>
<script>
import { getConcat } from '@/api/concat.js'
export default {
  data() {
    return {
      arrs: []
    }
  },
  created() {
    this.getConcat()
  },
  methods: {
    async getConcat() {
      const res = await getConcat()
      this.arrs = res.data.data
      console.log(res)
    }
  },
  setup() {

  }
}
</script>
<style lang="scss" scoped>
.app {
  margin-left: 5px;
  .van-card__title {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .van-card__desc {
    font-size: 14px;
  }
}
</style>